<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
</head>
<body>
  <div id="container">
    <div role="listbox">
      <div role="option" tabindex="-1">option 1</div>
      <div role="option" aria-label="label 2">option 2</div>
    </div>
  </div>
</div>

<script>
test((t) => {
    var container = accessibilityController.accessibleElementById("container");
    var listBox = container.childAtIndex(0);
    assert_equals(listBox.role, "AXRole: AXListBox");

    var firstChild = listBox.childAtIndex(0);
    var secondChild = listBox.childAtIndex(1);
    assert_equals(firstChild.role, "AXRole: AXListBoxOption");
    assert_equals(firstChild.name, "option 1");

    assert_equals(secondChild.role, "AXRole: AXListBoxOption");
    assert_equals(secondChild.name, "label 2");

   assert_equals(firstChild.childrenCount, 1);
    assert_equals(secondChild.childrenCount, 1);

    assert_equals(firstChild.isFocusable, true);
}, "This tests that the aria 'option' role works as expected.");
</script>

</body>
</html>
